{extend name="public:base" /}
{block name="content"}
<div class="wrapper wrapper-content animated fadeInRight" xmlns="http://www.w3.org/1999/html">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox-footer">
                <i class="fa fa-warning btn-outline-danger"></i>报警详情信息
            </div>
            <div class="ibox-content">

                <div class="row">
                    <div class="col-md-5">
                        <div class="product-images">
                            <div>
                                <div class="image-imitation" id="tencent_map_container" lat="{$row.lat}"
                                     lng="{$row.lng}"
                                     style="overflow: hidden;height: 419px;width: 100%;padding: 0;">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <h2 class="font-bold m-b-xs">
                            {$row.seal['name']}
                        </h2>
                        <dl class="small m-t-md">
                            <dd>
                                <div class="row">
                                    <div class="col-12"><strong>印章:</strong> {$row.seal['name']}</div>
                                    <div class="col-12"><strong>使用人:</strong> {$row.user.username}</div>
                                    <div class="col-12"><strong>使用时间:</strong> {$row.create_time}</div>
                                    <div class="col-12"><strong>异常描述:</strong> {$row.reason_txt}</div>
                                </div>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="blueimp-gallery" class="blueimp-gallery">
    <div class="slides"></div>
    <h3 class="title"></h3>
    <a class="prev">‹</a>
    <a class="next">›</a>
    <a class="close">×</a>
    <a class="play-pause"></a>
    <ol class="indicator"></ol>
</div>
{/block}
{block name="css"}
<link href="__ADMIN__/css/plugins/blueimp/css/blueimp-gallery.min.css" rel="stylesheet">
<link rel="stylesheet" href="__ADMIN__/css/process-timeline.css">

<style type="text/css">
    .timeline-item .content {
        border-top: 1px solid #e7eaec !important;
    }

    #vertical-timeline {
        margin: 0 auto;
    }

    .vertical-container {
        width: auto;
        max-width: none;
    }

    .vertical-timeline-block {
        padding-bottom: 10px;
    }

    .lightBoxGallery {
        text-align: left;
    }
</style>
{/block}
{block name="js"}
<script src="__ADMIN__/js/plugins/blueimp/jquery.blueimp-gallery.min.js"></script>
{/block}